<template>
  <!-- 我的客户管理 -->
  <div>
    <!-- 内容 -->
    <div>
      <div class="shangpin">
        <van-icon name="arrow-left" @click="$router.push('/home')" />
        <span>查询</span>
      </div>
      <!-- 搜索框 -->
      <van-search
        v-model="value"
        show-action
        shape="round"
        placeholder="客户名称/联系方式"
        @search="onSearch"
      >
        <template #action>
          <div class="fontsiz" @click="onSearch">搜索</div>
        </template>
      </van-search>

    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
        value :""
    };
  },
  methods : {
      onSearch(){
          console.log(this.value);
      }
  }
};
</script>
 
<style lang = "less" scoped>
.shangpin {
  background-color: #003399;
  color: #fff;
  padding: 0.166667rem 0.066667rem;
  text-align: center;
  span {
    vertical-align: 0.03rem;
  }
  .van-icon {
    float: left;
    font-size: 0.186667rem;
  }
}
.fontsiz {
  color: #00297c;
}
</style>